<template>
<nut-tabs v-model="state.tab11value" class="book-tab">
  <nut-tabpane title="Tab 1">
    <item></item>
  </nut-tabpane>
  <nut-tabpane title="Tab 2">
    <div>bb</div>
  </nut-tabpane>
  <nut-tabpane title="Tab 3">
    <div>cc</div>
  </nut-tabpane>
</nut-tabs>
</template>
<script>
import { reactive } from 'vue';
import item from '@/pages/category/components/item'
export default {
  components: {
    item
  },
  setup() {
    const state = reactive({
      tab11value: '0',
    });
    return { state };
  }
};
</script>

  <style lang="scss" scoped>
  .book-tab {
    .nut-tabpane {
      padding: 0;
    }
  }
  </style>
